<div class="content">
	<textarea id="pre">
		//数据为空组件
		<template>
	<view class="flex-sub empty-box" :style="{padding:padding}">
		<image v-if="iconPath" :src="iconPath" :style="'width:'+iconWidth+'rpx;height:'+iconHeight+'rpx'" class="empty-icon"></image>
		<image v-else :src="'/static/images/no_data.png'|src" class="defualt-img"></image>
		<text class="empty-tip" :style="'padding-top:'+textPadding+'rpx'">{{notice}}</text>
	</view>
</template>

<script>
	export default {
		props: {
			padding:{
				type:String,
				default:'260rpx 0 0 0'
			},
			iconWidth: {
				type: [Number,String]
			},
			iconHeight: {
				type: [Number,String]
			},
			iconPath: {
				type: String
			},
			notice: {
				type: String,
				default:'暂无数据'
			},
			color:{
				type: String,
				default:'#828282'
			},
			textPadding:{
				type: [Number,String],
				default:"30"
			}
		}
	}
</script>

<style>
	.empty-box{
		display: flex;
		flex-direction: column;
		align-items: center;
		
	}
	.empty-tip{
		font-size: 30rpx;
	}
	.defualt-img{
		width: 544rpx;
		height: 456rpx;
	}
</style>

	</textarea>
</div>